<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>海润</title>
  <link rel="stylesheet" href="hairun.css">
  <link rel="stylesheet" href="fonts/font/iconfont.css">
</head>

<body>
  <div class="wrap">
    <!-- 头部 -->
    <div class="header">
      <div class="left"><img src="imgs/header1.png" alt="图片无法正常显示">
        <div class="middle">
          <p>海润·进口不锈钢花纹板供应商</p>
          <p>日本冶金钢厂一级代理商</p>
        </div>
      </div>

      <div class="right">
        <h1 class="text1">全国24小时咨询热线</h1>

        <h1 class="text2">18168891390</h1>

        <h1 class="text2">0510-83630958</h1>
      </div>
    </div>


    <!-- 头部 end-->
    <!-- nav -->
    <div class="nav">
      <ul>
        <li class="active">
          <a>首页</a>
          <p>HOME</p>
        </li>
        <li>
          <a>进口花纹板</a>
          <p>IMPORT</p>
        </li>
        <li>
          <a>国内加工花纹板</a>
          <p>DOMESTIC</p>
        </li>
        <li>
          <a>产品展示</a>
          <p>PRODUCT</p>
        </li>
        <li>
          <a>加工中心</a>
          <p>MACHINING</p>
        </li>
        <li>
          <a>案例新闻</a>
          <p>NEWS</p>
        </li>
        <li>
          <a>关于海润</a>
          <p>ABOUT</p>
        </li>
      </ul>
    </div>
    <!-- 图片 -->
    <div class="img">
    </div>
    <!-- 图片 end-->

    <!-- 文本 -->
    <div class="text">
      <div class="left">
        <p>&lt</p>
        <div class="cir"></div>
        <div class="cir cir2"></div>
        <div class="cir"></div>
        <p>&gt</p>
        <div class="input1">
          <div class="iconfont icon-search search"></div>
          <input type="search" placeholder="请输入关键字">
        </div>
      </div>

      <div class="right">
        <div class="div1">
          <div class="text1">
            <div class="iconfont icon-xingxing">收藏海润</div>
          </div>
          <div class="text1">
            <div class="iconfont icon-xiaoxi">联系我们</div>
          </div>
          <div class="text1">
            <div class="iconfont icon-ditu">网站地图</div>
          </div>
        </div>

      </div>
    </div>
    <!-- 文本 end-->
    <!-- steel -->
    <div class="steel-wrap">
      <div class="steel">
        <div class="left">
          <img src="imgs/steel.png" alt="图片无法正常显示">
        </div>
        <div class="rigth">
          <pre>HAI RUN STEEL</pre>
          <p class="p1">海润钢铁</p>
          <p class="p2">精工品质,时代匠心</p>
          <div class="line"></div>
          <p class="p3">每个行业，都有一种灵魂，叫“
            <span class="spirit">工匠精神</span>”。那种精神令人肃然起敬；海润人
            一直坚持精益求精，一丝不苟，严谨、耐心、专注，坚持，敬业的工作理念。打造
            本行业精工产品，让品质上乘的海润制品能够走进全球各地。
          </p>
        </div>
      </div>
    </div>
    <!-- steel end-->
  </div>
</body>

</html>